<template>
  <div>
    <breadcrumb class="breadcrumb-container"></breadcrumb>
    <el-row>
      <el-button :type="active ? 'warning' : 'info'" size="mini" @click="active = true">基础信息</el-button>
      <el-button :type="!active ? 'warning' : 'info'" size="mini" @click="active = false">通道信息</el-button>
    </el-row>
    <el-row>
      <aff-base v-if="active"></aff-base>
      <aff-channel v-else></aff-channel>
    </el-row>
  </div>
</template>

<script>
import AffBase from './list/base'
import AffChannel from './list/channel'
import Breadcrumb from '@/components/Breadcrumb'

export default {
  components: {
    AffBase,
    AffChannel,
    Breadcrumb
  },
  data() {
    return {
      active: true
    }
  }
}
</script>